<!DOCTYPE html> 
<html> 
	<head> 
	<title>InTouch</title> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<style>
.ui-btn-corner-all{border-radius: 0;}
</style>
</head> 
<body> 



<!-- Start of first page -->
<div data-role="page" id="foo">

	<div data-role="header">
		<h1>Subject Test</h1>
	</div><!-- /header -->

	<div data-role="content">
	<li data-role="list-divider">制作人员</li>
	</div><!-- /content -->


</div><!-- /page -->


<!-- Start of second page -->
<div data-role="page" id="bar">

	<div data-role="header">
		<h1>Bar</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>I'm first in the source order so I'm shown as the page.</p>		
		<p><a href="#foo">Back to foo</a></p>	
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page -->
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="./js/scirpt.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>

</body>
</html>